<template>
  <cover-view class="mask" @click="close" v-if="isShow">
    <cover-image mode="widthFix"
         class="img"
         src="https://one-stand.oss-cn-shanghai.aliyuncs.com/product-index/20190423140716.png"/>
  </cover-view>
</template>

<script>
  export default {
    name: "addWxCourse",
    props: {
      isShow: {
        type: Boolean,
        default: false,
      }
    },
    methods:{
      close() {
        this.$emit('close');
      },
    }
  }
</script>

<style scoped>
  .mask{
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 5px 25px 0;
    background: rgba(0, 0, 0, .6);
  }
  .img{
    width: 325px;
    height: 532.5px;
  }
</style>
